<template>
  <div style="display: flex;flex-direction: column;justify-content: flex-start;">

     <a-menu mode="horizontal" datasrc="" style="border-bottom: 1px solid var(--color-neutral-4);padding-bottom: 2px" :default-selected-keys="['1']">
      <a-menu-item key="0" :style="{ padding: 0}" disabled>
      <icon-send style="color:rgb(var(--arcoblue-6));font-size: 20px" />
      </a-menu-item>
      <a-menu-item key="1" @click="Go('/')">首页</a-menu-item>
      <a-menu-item key="2" @click="Go('forum')">论坛 </a-menu-item>
      <a-menu-item key="3"  @click="Go('/judge')">评委主页</a-menu-item>
      <a-menu-item key="4" @click="Go('/manage')">管理</a-menu-item>
    </a-menu>
    <router-view style="flex:1;width: 100%;"></router-view>
  </div>


</template>

<script setup>
import {useRouter} from "vue-router";
const router = useRouter();
const Go = url =>{
  router.push(url)
}

</script>

<style scoped lang="less">

.arco-menu {
  margin:0;
  top:0;
  width: 100%;
}
</style>